﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="slide_Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lof JSliderNews 2.0 - Jquery 1.7.x</title>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/style1.css" />
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		// buttons for next and previous item						 
		var buttons = { previous:$('#jslidernews1 .button-previous') ,
						next:$('#jslidernews1 .button-next') };			
		 $('#jslidernews1').lofJSidernews( { interval : 4000,
											direction		: 'opacitys',	
											easing			: 'easeInOutExpo',
											duration		: 1200,
											auto		 	: true,
											maxItemDisplay  : 4,
											navPosition     : 'horizontal', // horizontal
											navigatorHeight : 32,
											navigatorWidth  : 80,
											mainWidth		: 980,
											buttons			: buttons } );	
	});
</script>

</head>
<body>
<div id="jslidernews1" class="lof-slidecontent" style="width:500px; height:250px;">
	<div class="preload"><div></div></div>
              <div class="main-slider-content" style="width:500px; height:250px;">
                <ul class="sliders-wrap-inner">
                    <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>
                        <li><img alt="" src="/WebSite/Admin/Photos/<%#Eval("TenHinh") %>" /></li> 
                    </ItemTemplate>
                    </asp:Repeater>
                </ul>  	
            </div>
           	<div class="navigator-content">
                  <div class="button-next">Next</div>
                  <div class="navigator-wrapper">
                        <ul class="navigator-wrap-inner">
                        <asp:Repeater ID="Repeater2" runat="server">
                        <ItemTemplate>
                            <li><img alt="" src="/WebSite/Admin/Photos/Thumb/<%#Eval("TenHinh") %>" /></li>
                        </ItemTemplate>
                        </asp:Repeater>
                        </ul>
                  </div>
                  <div  class="button-previous">Previous</div>
             </div> 
             
             
          <div class="button-control"><span></span></div>
          
          

</div>
<div >

    <table>
    <tr>
    <td style="width:70%; height: 12px;">
                        MÃ SỐ: <asp:Literal ID="lit_IDSP" runat="server"></asp:Literal>
                    </td>
                </tr> 
                 <tr>                  
                    <td style="width:70%; height: 18px;">
                        Tên sản phẩm: <asp:Literal ID="lit_TenSP" runat="server"></asp:Literal>
                    </td>
                </tr>
                <tr>                   
                    <td style="width:70%; height: 18px;">
                        Loại: <asp:Literal ID="lit_loai" runat="server"></asp:Literal>
                    </td>
                </tr>
                <tr>                   
                    <td style="width:70%; height: 18px;">
                        Trạng thái: <asp:Literal ID="lit_trang_thai" runat="server"></asp:Literal>
                    </td>
                </tr> 
                <tr>                  
                   <td style="width:70%; height: 11px;">
                        Địa điểm: <asp:Literal ID="lit_dd" runat="server"></asp:Literal>
                   </td>
                </tr>          
              <tr>                 
                  <td style="width: 70%; height: 16px">
                       Điều kiện sử dụng: <asp:Literal ID="lit_dksd" runat="server"></asp:Literal></td>
              </tr>
              <tr>                 
                  <td style="width: 70%; height: 19px">
                      Mô tả: <asp:Literal ID="lit_mota_sp" runat="server"></asp:Literal></td>
              </tr>
              <tr>                  
                  <td style="width: 70%; height: 18px">
                      Số lượng: <asp:Literal ID="lit_sl_ban" runat="server"></asp:Literal></td>
              </tr>
              <tr>                 
                  <td style="width: 70%; height: 18px">
                      Đã mua: <asp:Literal ID="lit_sl_daban" runat="server"></asp:Literal></td>
              </tr>
              <tr>                  
                  <td style="width: 70%; height: 17px">                  
                      Giá hiện tại: <asp:Literal ID="lit_giaban" runat="server"></asp:Literal></td>
              </tr>
              <tr>                 
                  <td style="width: 70%; height: 19px">
                      Giá gốc: <asp:Literal ID="lit_gt_thuc" runat="server"></asp:Literal></td>
              </tr>
    </table>

</div>
</body>
</html>
